<template>
    <div>
        <el-container>
            <el-aside width="auto" class="header-logo tap" >
              <img class="logo" src="@/assets/imgs/logo.png" alt="Logo" width="160px" height="80px"/>
            </el-aside>
            <el-aside width="auto" class="header-logo tap" >
              <el-avatar icon="el-icon-user-solid" class="headerLogo"></el-avatar>
            </el-aside>
          </el-container>
    </div>
</template>
<script>
  export default {
    //name: 'index',
    data () {
      return {
        activeIndex: "1",
        }
    },
    mounted () {//页面创建完成后立即调用

    },
    methods: {//用时才用
        handleSelect(key, keyPath) {
            console.log(key, keyPath);
        }
    }
  }
  </script>
  <style scoped>
    .el-aside {
    display: flex;
    justify-content: center;
    align-items: center;
}

section{
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}

.logo {
  width: 200px;
}

.headerLogo,.logo{
  cursor: pointer;
}
  </style>
  